  body{
            
        }
        .top-title{
            height: 100px;
            width: 100%;
        }
        .log-div{
            width: 15.7%;
            float: left;
        }
        .title-nav{
            position:relative;
            float: left;
            height: 100px;
            width: 84.3%;
           /* background-color: coral;*/
        }
        .page-header-div{
            float: left;
            text-align: center;
            width: 80%;
            margin: 15px 0px 15px 0px;
            padding: 0px;
            border: 0px;
            /*background-color: darkgray;*/
        }
        .admin-center{
            float: left;
            text-align: center;
            width: 20%;
            margin: 15px 0px 15px 0px;
            padding: 0px;
            border: 0px;
            /*background-color: aqua;*/
        }
        .user-center-btn-group{
            margin-left: 10%;
        }
        .menu-div{
            float: left;
            width: 15.7%;
        }
        .menu-blank-block{
            width: 300px;
            height: 150px;
        }
        .menu-li{
            padding: 20px 0px;
        }
        .operationarea{
            float: left;
            width: 84.3%;
            height: 873px;
            border: 1px solid gray;
        }
        #order-type-choose-nav ul{
               margin-top: 20px;
    		   margin-left: 13%;
        }
        #order-type-choose-nav ul li{
            width: 17%;
            height: 70px;
            text-align: center;
        }
        #show-order-area{
            width: 100%;
            overflow: hidden;
        }
        .show-order-list{
            width: 100%;
        }
/*        #order-customer-info{
            width: 20%;
            height: 20px;
            float: left;
        }*/
        #order-details-list{
            height: 130px;
        }
        .order-detail-per{
            float: left;
            width: 15%;
        }
        .order-detail-time{
            margin-left: 3%;
            width: 120px;
        }
        .order-detail-showdetail{
            float: right;
            vertical-align: middle;
        }
        #check-btn-div{
            float: none;
            width: auto;
        }
        .check-order-btn{
            float: none;
        }
        .user-center-btn-group button:nth-child(2) span:nth-child(1) {
         margin-top:100%;
            text-align: center;
         vertical-align: middle;
            padding: 4.5px 0px;
            line-height: 40px;
        }
        .order-detail-showdetail button:nth-child(2) span:nth-child(1) {
         margin-top:100%;
            text-align: center;
         vertical-align: middle;
            padding: 4.0px 0px;
            line-height: 40px;
        }
      /*    #detailBtn {
         margin-top:100%;
            text-align: center;
         vertical-align: middle;
            padding: 4.5px 0px;
            line-height: 40px;
        } */
        .hidden-attr{
        	display: none;
        }
        .li_status_receive{
        	font-weight:bold;
        	 color:green;
        	 text-align:center
        }
        .li_status_receive:hover{
			z-index:3;
        }
        .li_status_reject{
        	font-weight:bold;
        	 color:red;
        	 text-align:center
        }
        .li_status_reject:hover{
			z-index:3;
        }
         .li_status_deliver{
        	font-weight:bold;
        	 color:blue;
        	 text-align:center
        }
        .li_status_deliver:hover{
			z-index:3;
        }
        
        
        